<template>
  <div class="logo">
    <router-link :to="{name:'dashboard'}">
      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
      <img v-if="navTheme === 'dark'" :src="logo" alt="logo" />
      <img v-else :src="logo" alt="logo" />
      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
      <h1 v-show="showTitle">{{ title }}</h1>
    </router-link>
  </div>
</template>

<script>
import { mixin } from '@/utils/mixin.js'

export default {
	name: 'Logo',
	mixins: [mixin],
	props: {
		title: {
			type: String,
			default: '重庆超纳',
			required: false,
		},
    logo: {
			type: String,
			default: '~@/assets/logo-white.png',
			required: false,
		},
		showTitle: {
			type: Boolean,
			default: true,
			required: false,
		},
	},
}
</script>
<style lang="less" scoped>
/*缩小首页布 局顶部的高度*/
@height: 45px;

.sider {
	box-shadow: none !important;
	.logo {
		height: @height !important;
		line-height: @height !important;
		box-shadow: none !important;
		//transition: background 300ms;
		a {
			color: white;
			&:hover {
				color: rgba(255, 255, 255, 0.8);
			}
		}
    h1{
      font-size: 13px;
    }
	}

	&.light .logo {
		background-color: @primary-color;
	}
}
</style>
